$(function() {
    //风采上报 表格数据选择
    var table = null;
    var laypage = null;
    layui.use(['table', 'laypage'], function() {
        table = layui.table;
        laypage = layui.laypage
            //风采信息上报checkbox控制
        table.on('checkbox(reporting)', function(obj) {

            // if (obj.type == 'one') {
            //     layer.msg('您选择了ID为:' + obj.data.id + '行');
            // } else if (obj.type == 'all') {
            //     layer.msg('您选择了全部');
            // }
            console.log(obj.data.id);
            console.log(obj.data); //选中行的相关数据
            console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
        });
        //风采信息维护checkbox控制
        table.on('checkbox(maintain)', function(obj) {

            // if (obj.type == 'one') {
            //     layer.msg('您选择了ID为:' + obj.data.id + '行');
            // } else if (obj.type == 'all') {
            //     layer.msg('您选择了全部');
            // }
            console.log(obj.data.id);
            console.log(obj.data); //选中行的相关数据
            console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
        });
        //监听工具条
        table.on('tool(reporting)', function(obj) {
            var data = obj.data;
            if (obj.event === 'report') {
                layer.msg('ID：' + data.id + ' 的上报操作');
                console.log(obj);
            } else if (obj.event === 'update') {
                // layer.confirm('真的删除行么', function(index) {
                //     obj.del();
                //     layer.close(index);
                // });
                layer.msg('ID：' + data.id + ' 的修改操作');
            } else if (obj.event === 'detail') {
                layer.msg('ID：' + data.id + ' 的查看操作');
            } else if (obj.event === 'reReport') {
                layer.msg('ID：' + data.id + ' 的再次上报操作');
            }
        });

        table.on('tool(examine)', function(obj) {
            var data = obj.data;
            if (obj.event == 'examine') {
                layer.msg('ID：' + data.id + ' 的审核操作');

            }
        });

        //广告图设置操作
        table.on('tool(advertising-table)', function(obj) {
            var data = obj.data;
            if (obj.event == 'release') {
                layer.msg('ID：' + data.id + ' 的发布操作');
            } else if (obj.event == 'stop') {
                layer.msg('ID：' + data.id + ' 的停用操作');
            } else if (obj.event == 'delete') {
                layer.confirm('真的删除行么', { icon: 2, title: '删除' }, function(index) {
                    obj.del();
                    layer.close(index);
                });
            }
        });


        table.on('tool(maintain)', function(obj) {
            var data = obj.data;
            if (obj.event == 'examine') {
                layer.msg('ID：' + data.id + ' 的审核操作');

            }
        });

        //分页
        laypage.render({
            elem: 'page3',
            count: 1000,
            layout: ['prev', 'page', 'next', 'limit', 'skip', 'count'],
            jump: function(obj, first) {
                //obj包含了当前分页的所有参数，比如：
                console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                console.log(obj.limit); //得到每页显示的条数

                //首次不执行
                if (!first) {
                    //do something
                }
            }
        })
    });

    layui.use('upload', function() {
        var upload = layui.upload;

        //执行实例
        var uploadInst = upload.render({
            elem: '#test1', //绑定元素
            url: '/upload/', //上传接口 
            accept: 'images',
            size: 4 * 1024,
            acceptMime: 'image/jpg, image/png',
            done: function(res) {
                //上传完毕回调

            },
            error: function(err) {
                //请求异常回调
            }
        });
    });


    layui.use('form', function() {
        var form = layui.form;

        form.on('select(category)', function(obj) {
            console.log(obj);
        });
    });


    //展示设置
    $('#Dsetting').click(function() {
        // alert(1);
        layer.open({
            type: 1,
            title: '展示设置',
            content: $('#display'),
            btn: ['保存', '取消'],
            yes: function(index, layero) {
                //保存回调
                // console.log(layero);
                // console.log(index);
                // console.log("保存")
            },
            btn2: function(index, layero) {
                //取消的回调
                // console.log(layero);
                // console.log(index);
                // console.log("取消")
            }
        });
    });

    //广告图设置
    $('#advertising').click(function() {
        // alert(1);
        layer.open({
            type: 1,
            title: '广告图设置',
            content: $('#advertisingSetting'),
            btn: ['保存', '关闭'],
            area: ['800px', '500px'],
            yes: function(index, layero) {
                //保存回调
                // console.log(layero);
                // console.log(index);
                // console.log("保存");
				
            },
            btn2: function(index, layero) {
                //关闭的回调
                // console.log(layero);
                // console.log(index);
                // console.log("取消")
            }
        });
        advertisingTable();
    });

    // 新增
    $("#add").click(function() {
        layer.open({
            type: 1,
            title: '社会治理风采',
            content: $('#styleAdd'),
            btn: ['保存', '关闭'],
            area: ['800px', '600px'],
            yes: function(index, layero) {
                //保存回调
                // console.log(layero);
                // console.log(index);
                // console.log("保存")
            },
            btn2: function(index, layero) {
                //关闭的回调
                // console.log(layero);
                // console.log(index);
                // console.log("取消")
            }
        });
    })

    //菜单栏
    $('.nav ul>li').click(function() {
        $(this).addClass('current');
        $(this).siblings().removeClass('current');
        var index = $(this).index();
        $('.main').hide();
        $('.main').eq(index).show();
        eval("table" + index + '()'); //执行拼接的函数

    })
    $('.nav ul>li').eq(0).trigger("click");

    //内部tab切换
    $('.main-tab >ul>li').click(function() {
        $(this).addClass('current');
        $(this).siblings().removeClass('current');
        var index = $(this).index();
        $('.main >.main-table').hide();
        $('.main > .main-table').eq(index).show();
        if (index == 0) {
            table1();
            $('.butt').hide();
            $('.selectBox').show();
        } else if (index == 1) {
            table12();
            $('.butt').show();
            $('.selectBox').hide();
        }
        // alert(index);
    })
    $('.main-tab > ul>li').eq(0).trigger("click");



    function table0() {
        table.render({
            elem: '#reporting',
            // url: '/demo/table/user/',//数据接口,
            height: 480,
            loading: true,
            skin: 'line',
            // page: true,
            data: [{
                    id: 1,
                    result: "通过",
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/0.jpg',
                },
                {
                    id: 2,
                    result: "通过",
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/1.jpg',
                },
                {
                    id: 3,
                    result: "通过",
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/2.jpg',
                },
                {
                    id: 4,
                    result: "通过",
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/2.jpg',
                },


            ],
            cols: [
                [{
                        type: 'checkbox'
                    },
                    {
                        field: 'operation',
                        title: '操作',
                        align: "center",
                        toolbar: '#reportOperation',
                        width: 200,
                    }, {
                        field: 'result',
                        title: '审核结果',
                        align: "center",
                        width: 100,
                    }, {
                        field: 'imgs',
                        title: '预览图片',
                        align: "center",
                        toolbar: '#reportPictures',
                    }, {
                        field: 'title',
                        title: '信息标题',
                        align: "center",
                    },
                    {
                        field: 'content',
                        title: '信息内容',
                        align: "center",
                    },
                    {
                        field: 'source',
                        title: '发文单位',
                        align: "center",
                    },
                    {
                        field: 'user',
                        title: '填报人',
                        align: "center",
                        width: 80,
                    },
                    {
                        field: 'time',
                        title: '填报时间',
                        align: "center",
                    },
                ]
            ],
            done: function(res, curr, count) { //表格数据加载完后的事件
                //调用示例
                layer.photos({ //点击图片弹出
                    photos: '.layer-photos-demo1',
                    anim: 0 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
            }
        })
    }

    function table1() {
        table.render({
            elem: '#examine',
            // url: '/demo/table/user/',//数据接口,
            height: 500,
            loading: true,
            skin: 'line',
            page: true,
            data: [{
                    id: 1,
                    result: "通过",
                    status: '待审核',
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/0.jpg',
                },
                {
                    id: 2,
                    result: "通过",
                    status: '已审核',
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/1.jpg',
                },
                {
                    id: 3,
                    result: "通过",
                    status: '待审核',
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/2.jpg',
                },
                {
                    id: 4,
                    result: "通过",
                    status: '已审核',
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/1.jpg',
                },

            ],
            cols: [
                [{
                        field: 'operation',
                        title: '操作',
                        align: "center",
                        toolbar: '#examineOperation',
                        width: 80,
                    },
                    {
                        field: 'status',
                        title: '审核状态',
                        align: "center",
                        width: 100,
                        templet: function(d) {
                            if (d.status == '待审核') {
                                return `<span style='color:rgba(255,186,77,1)'>${d.status}</span>`;
                            } else if (d.status == '已审核') {
                                return `<span style='color:rgba(39,203,151,1)'>${d.status}</span>`;
                            }
                        }
                    },
                    {
                        field: 'result',
                        title: '审核结果',
                        align: "center",
                        width: 100,
                    },
                    {
                        field: 'time',
                        title: '上报时间',
                        align: "center",
                    }, {
                        field: 'imgs',
                        title: '预览图片',
                        align: "center",
                        toolbar: '#examinePictures',
                    }, {
                        field: 'title',
                        title: '信息标题',
                        align: "center",
                    },
                    {
                        field: 'content',
                        title: '信息内容',
                        align: "center",
                    },
                    {
                        field: 'source',
                        title: '发文单位',
                        align: "center",
                    },
                    {
                        field: 'user',
                        title: '填报人',
                        align: "center",
                        width: 80,
                    },

                ]
            ],
            done: function(res, curr, count) { //表格数据加载完后的事件
                //调用示例
                layer.photos({ //点击图片弹出
                    photos: '.layer-photos-demo2',
                    anim: 0 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
            }
        })
    }

    function table2() {}

    function table3() {}

    function table12() {
        table.render({
            elem: '#maintain',
            // url: '/demo/table/user/',//数据接口,
            height: 500,
            loading: true,
            skin: 'line',
            page: true,
            data: [{
                    id: 1,
                    internal: "是",
                    external: '否',
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/0.jpg',
                },
                {
                    id: 2,
                    internal: "否",
                    external: '是',
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/1.jpg',
                },
                {
                    id: 24,
                    internal: "否",
                    external: '是',
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/2.jpg',
                },
            ],
            cols: [
                [{
                        type: 'checkbox'
                    },
                    {
                        field: 'operation',
                        title: '操作',
                        align: "center",
                        toolbar: '#maintainOperation',
                        width: 100,
                    },
                    {
                        field: 'internal',
                        title: '对内展示',
                        align: "center",
                        width: 100,
                    },
                    {
                        field: 'external',
                        title: '对外展示',
                        align: "center",
                        width: 100,

                    },
                    {
                        field: 'imgs',
                        title: '预览图片',
                        align: "center",
                        toolbar: '#maintainPictures',
                    }, {
                        field: 'title',
                        title: '信息标题',
                        align: "center",
                    },
                    {
                        field: 'content',
                        title: '信息内容',
                        align: "center",
                    },
                    {
                        field: 'source',
                        title: '发文单位',
                        align: "center",
                    },
                    {
                        field: 'user',
                        title: '填报人',
                        align: "center",
                        width: 80,
                    },
                    {
                        field: 'time',
                        title: '填报时间',
                        align: "center",
                        width: 170,
                    },

                ]
            ],
            done: function(res, curr, count) { //表格数据加载完后的事件
                //调用示例
                layer.photos({ //点击图片弹出
                    photos: '.layer-photos-demo3',
                    anim: 0 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
            }
        })
    }

    function advertisingTable() {
        table.render({
            elem: '#advertising-table',
            // url: '/demo/table/user/',//数据接口,
            height: 280,
            loading: true,
            skin: 'line',
            page: true,
            data: [{
                    id: 1,
                    adStatus: "已发布",
                    imgs: './imgs/2.jpg',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    sort: '1',
                },
                {
                    id: 2,
                    adStatus: "停用",
                    imgs: './imgs/1.jpg',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    sort: '2',
                },
                {
                    id: 3,
                    adStatus: "停用",
                    imgs: './imgs/0.jpg',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    sort: '3',
                },
                {
                    id: 4,
                    adStatus: "已发布",
                    imgs: './imgs/0.jpg',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    sort: '4',
                },
                {
                    id: 5,
                    adStatus: "停用",
                    imgs: './imgs/0.jpg',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    sort: '5',
                },
            ],
            cols: [
                [{
                        field: 'operation',
                        title: '操作',
                        align: "center",
                        toolbar: '#advertisingOperation',
                        // width: 100,
                    },
                    {
                        field: 'adStatus',
                        title: '状态',
                        align: "center",

                    },
                    {
                        field: 'sort',
                        title: '排序',
                        align: "center",
                        toolbar: '#sortBox',
                        width: 100,
                    },
                    {
                        field: 'imgs',
                        title: '预览图片',
                        align: "center",
                        toolbar: '#advertisingPictures',
                    },
                    {
                        field: 'user',
                        title: '上传人',
                        align: "center",
                        width: 80,
                    },
                    {
                        field: 'time',
                        title: '上传时间',
                        align: "center",
                        width: 170,
                    },

                ]
            ],
            done: function(res, curr, count) { //表格数据加载完后的事件
                //调用示例
                layer.photos({ //点击图片弹出
                    photos: '.layer-photos-demo4',
                    anim: 0 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
            }
        })
    }
})